feat(mistica-css): switch#1364
Conversation
| border-color var(--switch-transition); | ||
| } | ||
|
|
||
| .mistica-switch:after { |
There was a problem hiding this comment.
:after is the handle (bolita)
| transform: translateX(20px) scale(1.75); | ||
| } | ||
|
|
||
| .mistica-switch:before { |
There was a problem hiding this comment.
:before is the "ripple effect" overlay on hover
| .mistica-accordion-item__summary::-webkit-details-marker { | ||
| display: none; | ||
| } |
There was a problem hiding this comment.
unrelated, this fixes accordion in safari
| <h4 class="mistica-text-title1">MediaCard / DataCard / SnapCard</h4> | ||
| <div class="cards-group"> | ||
| <section class="mistica-card"> | ||
| <div class="mistica-card__asset-floating" style="border-radius: 50%; height:40px; width: 40px; background: var(--mistica-color-tagBackgroundActive)"> |
There was a problem hiding this comment.
unrelated prettier formatting changes
|
Size stats
|
| width: 52px; | ||
| height: 32px; | ||
| border-radius: 16px; | ||
| background-color: var(--mistica-color-backgroundContainerAlternative); |
There was a problem hiding this comment.
Discussed offline, spec pending to be updated to fix color issues
There was a problem hiding this comment.
Specs have been updated: https://www.figma.com/design/J0LzwXn0tzGNIkgvFnt0Yz/%F0%9F%94%B8-Switch-Component-Specs?m=auto&node-id=0-1004&t=QFFsCmhXQlZbtzQ9-1
We have decided removing the color change in the active handle hover state to avoid the need of creating new tokens.
I've been testing the spec changes in: https://mistica-web-jpho-mqzqgjrhh-alex-buenos-projects.vercel.app/mistica-css
|
Accessibility report ℹ️ You can run this locally by executing |
|
Deploy preview for mistica-web ready! ✅ Preview Built with commit 2226542. |
# [16.26.0](v16.25.0...v16.26.0) (2025-05-28) ### Features * **mistica-css:** counter ([#1372](#1372)) ([70d8beb](70d8beb)) * **mistica-css:** ErrorFeedbackScreen ([#1371](#1371)) ([99ea3cf](99ea3cf)) * **mistica-css:** slider ([#1374](#1374)) ([89c6aee](89c6aee)) * **mistica-css:** switch ([#1364](#1364)) ([7b6df80](7b6df80)) * **mistica-css:** TextField / SearchField ([#1370](#1370)) ([55781c4](55781c4)) * **RowList, BoxedRowList, Stack:** O2DE-7699 RowList with aria-live and aria-atomic attributes ([#1376](#1376)) ([5070c61](5070c61))
|
🎉 This PR is included in version 16.26.0 🎉 The release is available on: Your semantic-release bot 📦🚀 |
4 participants
WEB-2190